<template>
	<div class="main">
		<navTop></navTop>
		<div class="breadBox">
			<el-breadcrumb separator="/">
			  <el-breadcrumb-item :to="{ path: '/examindex' }">首页</el-breadcrumb-item>
			  <el-breadcrumb-item>下载中心</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="mainContent">
			<ul>
				<li v-for="item in 8">
					<span>扫码下载</span>
					<b>阅卷小程序</b>
					<p>
						<i>当前版本：1.2.4</i>
						<i>更新时间：2024.12.04</i>
					</p>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import navTop from "../../components/school/head.vue"
	export default{
		components:{navTop}
	}
</script>

<style scoped>
	.main{
		width:100vw;
		height:100vh;
		background: #F4F7FD;;
		overflow-x:hidden;
		overflow-y: auto;
	}
	/* .main::-webkit-scrollbar {
		 height:8px;
		background-color: #eee;
		border-radius:10px;
	}
	.main::-webkit-scrollbar-track {
		background-color: #eee;
		border-radius:10px;
	}
	.main::-webkit-scrollbar-thumb {
		background: #619CF5;
		border-radius: 10px;
	} */
	.contentMain{
		width:auto;padding:0 40px;
		margin:0 auto;
		padding-bottom:70px;
	}
	.breadBox{
		height:32px;
		background: #fff;
		line-height: 32px;
		margin-top:2px
	}
	.el-breadcrumb{
		width:auto;padding:0 40px;
		margin:0 auto;
		line-height:30px;
		font-size:14px;
	}
	.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
		color:#B3B8C2
	}
	.mainContent{
		box-sizing: border-box;
		width:auto;padding:0 40px;
		margin:24px auto 0;
		background-image: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%);
		box-shadow: 0 4px 16px 0 #5572921a;
		border-radius: 14px;
		padding:44px 0 20px 55px;
	}
	.mainContent ul{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.mainContent ul li{
		width: 270px;
		height: 290px;
		background:url(../../assets/image/school/downbj.png) no-repeat;
		background-size:contain;
		text-align: center;
	}
	.mainContent ul li span{
		display: block;
		margin:0 auto;
		width: 124px;
		height: 34px;
		background: #295CFF;
		border-radius: 10px;
		font-size: 14px;
		color: #FFFFFF;
		line-height:34px;
		margin-top:44px;
	}
	.mainContent ul li b{
		display: block;
		font-weight: 700;
		font-size: 18px;
		color: #2A303B;
		padding-top:50px;
	}
	.mainContent ul li p{
		padding-top:30px;
	}
	.mainContent ul li p i{
		display: block;
		color: #8e96a4;
		font-size: 14px;
		font-style: normal;
		line-height:32px;
	}
</style>